<template>
  <div>
  <el-menu
        active-text-color="#ffd04b"
        background-color="#545c64"
        class="el-menu-vertical-demo"
        default-active="2"
        text-color="#fff"
        router
        unique-opened
      >
        <el-menu-item :index="item.path" v-for="item in menuList" :key="item.id">
          <template #title>
            <span>{{item.authName}}</span>
          </template>
        </el-menu-item>
      </el-menu>
  </div>
</template>

<script setup>
import { ref } from 'vue'
const menuList = ref([])
menuList.value = [
  {
  id: 2,
  authName: '我的申请',
  children: [],
  path: '/doctor/apply'
  },
  {
  id: 3,
  authName: '患者队列',
  children: [],
  path: '/doctor/recode'
  },
  {
  id: 4,
  authName: '我的信息',
  children: [],
  path: '/doctor/info'
  },
  {
  id: 5,
  authName: '修改密码',
  children: [],
  path: '/doctor/modifyPwd'
  }
  ]

</script>

<style lang="scss" scoped></style>
